@import "base";

.banner {
  font-size: rem(26);
  position: relative;
  margin-bottom: rem(48);
  height: rem(310);
  overflow: hidden;
  .abstract {
    position: absolute;
    box-sizing: border-box;
    height: rem(60);
    line-height: rem(60);
    padding-left: rem(15);
    left: 0;
    bottom: 0;
    background: #6d717a;
    color: #ffffff;
    width: 100%;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:.9rem;
  }
  .swiper-pagination-bullet{
    width: .2rem;
    height: .2rem;
  }
}
.news-list{
  margin-bottom: rem(60);
}
.news {
  font-size: 0;
  margin-bottom: rem(30);
  .news-l {
    display: inline-block;
    width: rem(222);
    height: rem(150);
    overflow: hidden;
  }
  .news-r {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: rem(460);
    height: rem(150);
    margin-left: rem(22);
    padding-top: rem(8);
    vertical-align: top;
    a {
      font-size: rem(26);
      line-height: rem(48);
      color: #000;
    }
    .origin {
      position: absolute;
      bottom: 0;
      left: 0;
      color: #888888;
      font-size: rem(20);
      .time {
        display: inline-block;
        width: rem(245);
      }
    }
  }
}

.getmore {
  text-align: center;
  font-size: rem(24);
  color: $baseColor;
  margin-bottom: rem(66);
}